<template>
    <div>
        <van-swipe :autoplay="3000">
            <van-swipe-item v-for="(image,index) of images" :key="index">
                <img v-lazy="image" >
            </van-swipe-item>
        </van-swipe>
        <van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒"></van-count-down>
        <van-field label="+86" clearable v-model="tel"></van-field>
    </div>  
</template>
<script>
export default {
    data(){
        return{
            images:[
                'https://img.yzcdn.cn/vant/apple-1.jpg',
                'https://img.yzcdn.cn/vant/apple-2.jpg',
                'https://img.yzcdn.cn/vant/apple-1.jpg',
                'https://img.yzcdn.cn/vant/apple-2.jpg',
            ],
            time:25*60*60*1000,
            tel:''
        }
    }
}
</script>
<style>
    div .van-swipe{
        width: 100%;
        height: 300px;
    }
    div img{
        height: 300px;
    }
    div .van-swipe__indicators{
        bottom: 14px;
    }
</style>